/* - BASE HTML TEMPLATE
------------------------------------------------- 
	Description: Main CSS styles
	Author:Shane Prendergast
	Author URL:http://www.webknit.co.uk
	Template URL:http://base.webknit.co.uk/
	Notes: Base Css styles and Mobile first approach. Consider mimifying your CSS for performance.
/*


/* - CONTENTS
-------------------------------------------------
    - CSS Reset ............................ 1.0.
    - HTML5 Reset .......................... 2.0.
    - Global ............................... 3.0.
    	- Structural ....................... 3.1.
    	- Base Elements .................... 3.2.
    	- Link Elements .................... 3.2.
    	- Build Elements ................... 3.3.
    - Mobile styles ........................ 4.0.
    - Example Section ...................... 5.0.
    - @fontface ............................ 0.0.	
*/


/*********************************************
	- 1.0 -  CSS RESET
*********************************************/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}


/*********************************************
	- 2.0 -  HTML5 RESET
*********************************************/
	
	article, aside, dialog, figure, footer, header, hgroup, nav, section {
		display:block; 
		zoom:1;
	}
	
	audio, canvas, video { 
		display: inline-block; *display: inline; *zoom: 1; 
	}



/*********************************************
	- 3.0 -  GLOBAL
*********************************************/
	
	/* - 3.1. - STRUCTURAL, containers, sections
	------------------------------------------ */
	
	html { 
		font-size: 100%; 
		-webkit-text-size-adjust: 100%; 
		-ms-text-size-adjust: 100%; 
	}
	
	body {
		color: #444444;
		font-family: Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
		font-size: 1em;
		line-height: 1.4;
		margin: 0;
	}
	
	.container {
	    margin: 0 auto;
	    width: 96%; 
	}
	
	

	/* - 3.2. - BASE ELEMENTS 
	------------------------------------------ */
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color:inherit;
	}
	
	h1,h2,h3,h4 {
		color: #141414;
		font-family: Geneva, Tahoma, Verdana,  sans-serif;
		margin:1em 0 0.35em 0;
	}
	
	h1 {
		font-size:2em;
	}
	
	h2 {
		font-size:1.75em;
	}
	
	h3 {
		font-size:1.5em;
	}
	
	h4 {
		font-size:1.4em;
	}
	
	h5 {
		font-size:1.3em;
	}
	
	h6 {
		font-size:1.2em;
	}
	
	small {
		font-size:0.85em;
	}
	
	ul li {
		list-style:none;
	}
	
	ol li {
		list-style:none;
	}
	
	strong, b {
		font-weight:bold;
	}
	
	em, i {
		font-style:italic;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	img, object, embed {
		height: auto;
		max-width: 100%;
	}
	
	blockquote {
		background: rgba(239,142,128,1);
		color: rgba(255,255,255,1);
		font-size: 1.1em;
		font-style: italic;
		margin: 0 0 1.250em 1.250em;
		padding: 0.625em 1.250em 1.250em;	
	}


	
	/* - 3.3. - LINK ELEMENTS 
	------------------------------------------ */
	
	a {
		color:#222;
		cursor: pointer;
		outline: 0;
		text-decoration:none;
	}
	
	a:visited { 

	}
	
	a:hover {
		color:#333;
		text-decoration:none;
	}
	
	a:active { 

	}
	
	a:focus { 
		outline: none; 
	}
	
	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	a:hover, a:active { 
		outline: 0;
	}
	
	a.button,
        button.button
        {
		background-image: linear-gradient(bottom, rgb(235,152,141) 37%, rgb(240,136,120) 73%);
		background-image: -o-linear-gradient(bottom, rgb(235,152,141) 37%, rgb(240,136,120) 73%);
		background-image: -moz-linear-gradient(bottom, rgb(235,152,141) 37%, rgb(240,136,120) 73%);
		background-image: -webkit-linear-gradient(bottom, rgb(235,152,141) 37%, rgb(240,136,120) 73%);
		background-image: -ms-linear-gradient(bottom, rgb(235,152,141) 37%, rgb(240,136,120) 73%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.37, rgb(235,152,141)),
			color-stop(0.73, rgb(240,136,120))
		);
	    color: rgba(255,255,255,1);
            border: 0;
	    
	    width: auto;
	    -moz-border-radius: 0.188em;
	    	-webkit-border-radius: 0.188em;
	    		border-radius: 0.188em;
	}
	
        a.button{
            display: inline-block;
	    float: left;
	    margin-bottom: 0.625em;
	    outline: 0 none;
	    padding: 0.438em 0.938em;
        }
        
	a.button:hover,
	button.button:hover {
		background-image: linear-gradient(bottom, rgb(240,136,120) 37%, rgb(235,152,141) 73%);
		background-image: -o-linear-gradient(bottom, rgb(240,136,120) 37%, rgb(235,152,141) 73%);
		background-image: -moz-linear-gradient(bottom, rgb(240,136,120) 37%, rgb(235,152,141) 73%);
		background-image: -webkit-linear-gradient(bottom, rgb(240,136,120) 37%, rgb(235,152,141) 73%);
		background-image: -ms-linear-gradient(bottom, rgb(240,136,120) 37%, rgb(235,152,141) 73%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.37, rgb(240,136,120)),
			color-stop(0.73, rgb(235,152,141))
		);
		text-decoration: none;
	}
	
	a.button:active {
		opacity: 0.9;
	}
	
	a.button-full-width {
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
		width: 100%;
	}
	
	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	    border: 0;
	    padding: 0;
	}
	



	/* - 3.4. - BUILD ELEMENTS 
	------------------------------------------ */
	
	.hide {
		display: none;
	}
	
	.center-align {
		text-align: center;
	}
	
	input, 
	textarea {
		background: rgba(255,255,255,1);
		border: 1px solid rgba(0,0,0,0.2);
		display: block;
		padding: 0.375em 1%;
		margin: 0;
		margin-bottom: 1.250em;
		outline: none;
		width: 100%;
		-moz-border-radius: 0.125em;
			-webkit-border-radius: 0.125em;
				border-radius: 0.125em;
	}
	
	input[type=email] {
		
	}
	
	input[type=submit] {
		
	}
	
	input {
		max-width: 12.500em;
	}
	
	textarea {
		max-width: 25.000em;
	}
	
	textarea,
	input,
	.button {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	
	

/*********************************************
	- 4.0 -  MOBILE STYLES
*********************************************/
	
	.row {
		 overflow: hidden;
  	}
  	
  	.grid .one_four, .grid .two_four, .grid .three_four, .grid .four_four,
	.grid .one_three, .grid .two_three, .grid .three_three,
	.grid .one_two, .grid .two_two,
	.grid .two_third, .grid .one_third {
		 background: rgba(239,142,128,1);
		 color: #ffffff;
		 height: 3.125em; 
	 }
	 
	.one_four, .two_four, .three_four, .four_four,
	.one_three, .two_three, .three_three,
	.one_two, .two_two,
	.two_third, .one_third {
		 float: left;
		 overflow: hidden;
		 padding: 1px 0.5%;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		 	-moz-box-sizing: border-box; /* Firefox, other Gecko */
		 		box-sizing: border-box; /* Opera/IE 8+ */ 
	 }
	 
	 .one_four, .two_four, .three_four, .four_four,
	 .one_three, .two_three, .three_three,
	 .one_two, .two_two,
	 .two_third, .one_third {
	    float: left;
	    margin-bottom: 0.625em;
	    margin-left: 0%;
	    width: 100%; 
	  }

	
	
	
	
	
/*********************************************
	- 5.0 -  EXAMPLE SECTION
*********************************************/


	/* BASE TEMPLATE FILES (THESE CAN BE DELETED AND REPLACED WITH OWN STYLES) 
	------------------------------------------ */
	p {
		margin-bottom: 1em;
	}
	
	header {
		background: rgba(239,142,128,1);
/*		height: 12.500em;
		padding-top: 1.875em;*/
		text-align: center;
	}
	
	h1,h2,h3,h4 {
		border-bottom: 1px dashed rgba(239,142,128,1);
		margin-bottom: 1.250em;
		text-transform: uppercase;
	}
	
	.row {
		border-top: 5px solid rgba(239,142,128,1);
		margin: 0.625em 0;
		padding: 0.625em 0;
	}
	
	.row:first-child {
		border-top: 0 solid rgba(239,142,128,1);
	}
	
	footer {
		border-top: 1px solid rgba(239,142,128,1);
		clear: both;
		margin: 0.625em 0;
		padding: 0.625em 0;
	}
	
	.round-corner-box {
		border: 1px solid rgba(239,142,128,1);
		margin: 5px 0 0.938em;
		padding: 0.625em 0.938em;
		-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	
	p.text-shadow {
		text-shadow: 0 1px 1px red;
	}
	
	.animate:hover {
		color: green;
		-moz-transition: color 1s linear 0s; /* Firefox 4 */
			-webkit-transition: color 1s linear 0s; /* Safari and Chrome */
				-o-transition: color 1s linear 0s; /* Opera */
					transition: color 1s linear 0s;
	}
	
	/* BASE TEMPLATE STYLES END */


/*********************************************
	- 0.0 -  @FONTFACE
*********************************************/
	
	@font-face {
	    font-family: 'NAME OF FONT';
	    src: url('assets/fonts/NAME OF FONT.eot');
	    src: url('assets/fonts/NAME OF FONT.eot?#iefix') format('embedded-opentype'),
	         url('assets/fonts/NAME OF FONT.woff') format('woff'),
	         url('assets/fonts/NAME OF FONT.ttf') format('truetype'),
	         url('assets/fonts/NAME OF FONT.svg#wisdom_script_airegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}




		
#pager_hold{
    margin: 3px 0 15px;
}
.pager_hold{
    padding: 8px 15px
}







